<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- form 用来收集用户数据 -->
     <form action="/register" method="post">
         <!-- 表单不同内容收集 将表单内的相关元素分组 -->
        <fieldset>
            <!-- 标题 -->
            <legend>基本信息</legend>
            <div>
                <!-- 无障碍模型 -->
                <label for="username">用户名</label>
                <!-- 别忘了name属性  -->
                <input placeholder="请输入用户名"   type="text" required id="username" name="name"/>
            </div>
        </fieldset>

        <fieldset>
            <legend>银行卡信息</legend>
            <div>
                <label for="card">卡号</label>
                <input type="text" id="card" name="card" required />
            </div>
        </fieldset>


     </form>
</body>
</html>